<template>
    <div>
        <header>
            证书查询
        </header>
        <div id="box">
            <div class="leftBox left"><img src="" alt=""></div>
            <div class="rightBox right">
                <div>
                    <p class="title">查询和验证</p>
                    <p><span style="color:red">*&#160;</span>身份证号：&#160;<input type="text" placeholder="请输入身份证号"></p>
                    <p><span style="color:red">&#160;&#160;&#160;&#160;&#160;&#160;*&#160;</span>姓名：&#160;<input type="text" placeholder="请输入姓名"></p>
                    <p><span style="color:red">&#160;&#160;&#160;*&#160;</span>手机号：&#160;<input type="text" placeholder="请输入手机号"></p>
                    <button>查询</button>
                </div>
            </div>
        </div>
    </div>
</template>
<style lang="less" scoped>
.left{
    float: left;
}
.right{
    float: right;
}
#box{
    margin-top: 30px;
}
header{
        width: 100%;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        text-align: left;
        border: 1px solid rgb(226, 226,226);
        margin: 20px 0 10px 0;
        padding-left:5px ;
    }
    .leftBox{
        img{
            width: 530px;
            height: 380px;
        }
    }
    .rightBox{
        div{
            margin: 50px 150px 0 0;
            width: 380px;
            height: 230px;
            border: 1px solid rgb(201, 201, 201);
            p{
                font-size: 14px;
                color: rgb(102, 102, 102);
                margin-top: 10px;
            }
            .title{
                height: 40px;
                border-bottom: 1px solid rgb(201, 201, 201);
                font-size: 14px;
                text-align: left;
                line-height: 40px;
                padding-left: 10px;
                margin-top: 0;
            }
            input{
                height: 30px;
                width: 190px;
                border: 1px solid rgb(217, 217, 217);
                outline: none;
                padding: 0 5px;
            }
            button{
                width: 96px;
                height: 30px;
                border: 1px solid rgb(217, 217, 217);
                color: rgb(153,153,153);
                background: #fff;
                margin-top:20px ;
                outline: none;
                cursor: pointer;
            }
        }
    }
    input::-webkit-input-placeholder{
        color: rgb(204, 204, 204);
    }
</style>
<script>
export default {
  mounted(){
    sessionStorage.setItem('tagIndex','8')
    sessionStorage.setItem('fName','page8')
  }
}
</script>